﻿@using CleanArchitecture.Infrastructure.Models.AdminUsers
@model AdminUserModel
@{
    Layout = "_AdminHomeLayout";
    ViewData["Title"] = "Nowablog 后台管理系统 >_<";
    string AdminUserPassworkExpiredInfo = ViewBag.AdminUserPassworkExpiredInfo as string ?? string.Empty;
    string UserFaceImgUrl = Model.FaceImageUrl.Split(';')[1];
}

<script id="layuiminibgcolor-tpl" type="text/html">
    .layui-layout-admin .layui-header{ background-color: {{d.headerRight}} !important; }
    .layui-header>ul>.layui-nav-item.layui-this,
    .layuimini-tool i:hover{ 
        background-color: {{d.headerRightThis}} !important; color: {{d.headerFontColorThis}} !important; 
    }
    .layui-nav .layui-nav-item a{ color: {{d.headerFontColor}}; }
    .layui-nav .layui-nav-item a:hover, 
    .layui-nav .layui-this a{ 
        color: {{d.headerFontColorThis}}; 
    }
    .layui-layout-admin .layui-logo { background-color: {{d.headerLogo}} !important; }
    .layui-side.layui-bg-black,.layui-side.layui-bg-black>.layui-left-menu>ul { background-color: {{d.menuLeft}} !important; }
    .layui-left-menu .layui-nav .layui-nav-child a:hover:not(.layui-this) { background-color: {{d.menuLeftHover}}; }
    .layui-layout-admin .layui-nav-tree .layui-this, 
    .layui-layout-admin .layui-nav-tree .layui-this>a, 
    .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a 
    {
        background-color: transparent; color: {{d.headerFontColorThis}} !important;
    }    
</script>
<div class="layui-layout layui-layout-admin">

    <div class="layui-header header">
        <div class="layui-logo">
        </div>
        <a>
            <div class="layuimini-tool"><i title="收起侧边栏" class="fa fa-outdent" data-side-fold="1"></i></div>
        </a>

        <ul class="layui-nav layui-layout-left layui-header-menu layui-header-pc-menu mobile layui-hide-xs">
        </ul>
        <ul class="layui-nav layui-layout-left layui-header-menu mobile layui-hide-sm">
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
                <dl class="layui-nav-child layui-header-mini-menu">
                </dl>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;" data-tips="刷新" data-type="refresh" class="toolgroup"><i class="fa fa-refresh"></i></a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" data-tips="清理" data-type="clear" data-href="" class="toolgroup"><i class="fa fa-trash-o"></i></a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" data-tips="隐藏" data-type="pin" class="toolgroup"><i class="fa fa-caret-square-o-up"></i></a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" data-tips="全屏" data-type="fullscreen" class="toolgroup"><i class="fa fa-arrows-alt"></i></a>
            </li>
            <li class="layui-nav-item layuimini-setting">
                <a href="javascript:;">
                    <img src="@UserFaceImgUrl" class="layui-nav-img">         
                    @Model.UserName
                </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="javascript:;" data-iframe-tab="/account/setting" data-title="基本资料" data-icon="fa fa-gears">基本资料</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" class="login-out">退出登录</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item layuimini-select-bgcolor mobile layui-hide-xs">
                <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll layui-left-menu">
        </div>
    </div>

    <div class="layui-body">
        <div class="layui-tab" lay-filter="layuiminiTab" id="top_tabs_box">
            <ul class="layui-tab-title" id="top_tabs">
                <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
            </ul>
            <ul class="layui-nav closeBox">
                <li class="layui-nav-item">
                    <a href="javascript:;" class="tabMoreOper"> <i class="fa fa-dot-circle-o"></i> 页面操作</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="showHeader layui-hide"><i class="fa fa-caret-square-o-down"></i> 显示顶部</a></dd>
                        <dd><a href="javascript:;" data-page-close="other"><i class="fa fa-window-close"></i> 关闭其他</a></dd>
                        <dd><a href="javascript:;" data-page-close="all"><i class="fa fa-window-close-o"></i> 关闭全部</a></dd>
                    </dl>
                </li>
            </ul>
            <div class="layui-tab-content clildFrame">
                <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show">
                </div>
            </div>
        </div>
    </div>

</div>

@section scripts{
    <script type="text/javascript">
        layui.use(['element', 'layer', 'layuimini', 'notice'], function () {
            var $ = layui.jquery,
                notice = layui.notice;

            layuimini.init();
            let passwordExpireMsg = "@AdminUserPassworkExpiredInfo";
            if (passwordExpireMsg.trim() !== "")
                notice.error(passwordExpireMsg);

        });
    </script>
}
